*{
    padding: 0;
    margin: 0;
}
body{
    overflow:scroll;
    overflow-x: hidden;
}
.navbar{
    font-size: 14px;
}
.header{
    background:  #F8F9FA;
}
.carousel{
    text-align: center;
    height: 250px;
    padding-top: 50px;
}
.introduce{
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
}
.introduce .text{
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}
@media (max-width: 600px) {
    .introduce{
        position: relative;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .introduce .text{
        position: relative;
        right: 0;
        top: 0;
        text-align: left;
        font-size: 14px;
    }
    .introduce .text h3{
        font-size: 20px;
    }
    .introduce .text p{
        margin-bottom: 5px;
    }
}
.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
}
.case{
    margin-top: 50px;
}
.row h2{
    color: #00adee;
    font-size: 32px;
}
.row .card{
    border: 1px solid #cccccc;
    margin-bottom: 30px;
}
.case .card h3{
    font-size: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 30px;
    color: #fff;
    background: -webkit-linear-gradient(left,#02a2dc,#00ceef);
}
.case .c p{
    padding: 0 30px;
    margin-top: 30px;
    margin-bottom: 50px;
    height: 160px;
    overflow: hidden;
}
@media (max-width: 600px) {
    .case .case-item p{
        height: auto;
        margin-bottom: 20px;
    }
}
.carousel-inner a{
    text-decoration: none;
}
main .ro{

    padding-top: 180px;
    border-bottom: 1px solid #E1E0E0;

}
.banner{
    width: 100%;
}
main .ro .container{
    position: relative;
}


/*
@media (max-width:800px) {
    nav{
        margin-left: 30%;
    }
}
@media (max-width:400px) {
    nav{
        margin-left: 20%;
    }
}
*/
/*
.ro .bann{
    width: 100%;
    text-align: right;
    position: absolute;
    z-index: 111111;
}
.ro .bann p{
    font-size: 14px;
}
.ro .banner img{
    width: 100%;
}
*/
.ro .bann{
    text-align: right;
    position: absolute;
    z-index: 111111;
    width: 86%;
}
.ro .bann p{
    font-size: 14px;
}
.ro .banner img{
    width: 100%;
}
@media (max-width:600px) {
    main .ro{
        padding: 0;
    }
    .ro .bann{
        text-align: center !important;
        margin-top: 30px;
        position: relative;

    }
    /*
        .ro .banner{
            padding-top: 236px !important;
        }
    */
}
.chanpin{
    text-align: center;
    border-bottom: 1px solid #E1E0E0;
}
.chanpin h3{
    margin: 40px 0;
}
.chanpin .col-md-3{
    text-align: center;

}
.shop .col-md-4 .card{
    /*
        box-sizing: border-box !important;
        border: 1px solid #E1E0E0;
    */
    height: 450px;
    text-align: center;


}
.container{
    width: 100%;
}
.shop .col-md-4 a{
    display: block;
    color: white;
    font-size: 20px;
    line-height: 50px;
    width: 100%;
    height: 50px;
    background: #48B7DB;
}
.shop .col-md-4 p{
    width: 90%;
    font-size: 18px;
}
.shop .card img{
    display: block;
    margin: auto;
}
footer p{
    margin-bottom: 5px;
    font-size: 13px;
}
footer{
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 25px;
}
